.portlet-body{

	.htrd-u-tab{

		.htrd-u-nav{

			width:316px;
			border:1px solid #eee;

			.htrd-u-nav-tab{
				padding:10px 50px
			};
		}
	};

	.htrd-u-content{

		margin:20px;
		font-size:16px;

		.htrd-u-info{
			letter-spacing:2px; 

			.htrd-u-info-user{
				margin:20px 0
			};

			.htrd-u-info-name{
				margin:10px 16px
			};

			.htrd-u-info-group{
				margin:20px 32px
			};

			 .htrd-u-info-email{
				margin:20px 16px;

				input{

					font-size:12px;
					padding-left:10px;
					width:194px;
					height:34px;
					line-height:34px;
				};

				i{
					width:16px;
					height:16px;
					float:left;
					background-image: url('../img/select.png');
					margin:5px
				};

				.htrd-u-emailText{

					color:#ff0a0a;
					margin-left: 5px;
					font-size: 12px;
					line-height:34px;
				}
			};
		};
	};

	.form-horizontal{

		.form-group{

			position:relative;

			label{
				float: left;
				line-height: 34px;
				padding:0 20px 0 10px;
				font-size:14px;
			};

			div{

				input{
					border:1px solid #c2cad8;
					margin-bottom: 4px
				};
			};
		}

	};
}

.error-text{
    line-height: 34px;
    position: absolute;
    top: 0px;
    left: 340px;
    width: 220px;
    height: 34px;
    padding-left:6px;
    border-radius:4px;
    overflow: hidden;
 
    div {
	    display: table-cell;
	    vertical-align: middle;
	    height: 34px;
	    line-height: 2;
	    font-size: 0;

	    span {
		    display: inline-block;
		    line-height: 34px;
		    padding: 0 36px;
		    font-size: 12px;
		    text-align: left;
		    color: #ff0a0a;
		}
	}
}
    